<template>
  <div class="runjilu">
    <HeadTop title="我的跑步记录" />
    <ul>
        <li v-for="(item,index) in runjilu" :key="index">
            <p class="time">
                {{item.time}}
            </p>
            <h3>户外跑步{{item.long}}公里</h3>
            <p>
                <span>时速:{{item.speed}}</span>
                <span>用时:{{item.timer}}</span>
                <span>消耗:{{item.consume}}千卡</span>
            </p>
        </li>
    </ul>
  </div>
</template>

<script>
import HeadTop from "../../../../components/Nav/HeadTop";
export default {
  components: {
    HeadTop
  },
  data() {
      return {
          runjilu:[]
      }
  },
  mounted() {
    this.api.GetRunjilu().then(res => {
      // console.log(res.data);
      if (res.data.success) {
        this.runjilu = res.data.Runjilu;
      }
    });
  }
};
</script>

<style lang="less" scoped>
.runjilu{
    background: #eee;
    font-size: 0.3rem;
    font-weight: 540;
    ul{
        li{
            height: 2.3rem;
            line-height: 0.6rem;
            margin: 0.1rem 0.1rem 0.3rem 0.1rem;
            background: #fff;
            padding-left: 0.1rem;
            .time{
                line-height: 1rem
            }
            h3{
                font-weight: 540;
                font-size: 0.37rem;
            }
        }
    }
}
</style>